*{margin: 0; padding: 0;}
/* **************************头哟  ***************************/
.nav-head{
    width: 100%;
    height: 40px;
    background-color: #FAFAFA;
    border-bottom:1px solid #E5E5E5;
}
.put-center{
    width: 1000px;
    height: 40px;
    margin: 0 auto;
    font-size: 13px;
    background-color: #FAFAFA;
}
.nav-left ul, .nav-right ul{
    list-style: none;
    line-height: 40px;
}
.nav-left , .nav-left li, .nav-left span{
    float: left;
    margin-right: 5px;
}
.nav-right, .nav-right li, .nav-right span{
    float: right;
    margin-left: 5px;
}
.put-center  a{
    text-decoration: none;
    color: #8C8C8C;
}
.put-center  a:hover{
    color: #FF4A00;
}
.put-center span{color: #8C8C8C;}

/* *************************中间部分 **************************/
.main-part{
    width: 1000px;
    height: 1750px;
    margin: 0 auto;
    /* background-color: antiquewhite; */
}
.logo-part{
    margin:20px 0;
}
.logo-right{
    float: right;
}
.time{
    width: 200px;
    margin-left: 300px;
    /* background-color: aqua; */
}
.time p{
    float: right;
    font-size: 12px;
    color: #888585;
}
.time img{
    margin-left: 86px;
}
.search-shopcar{
    width: 500px;
    position: relative;
}

.search-shopcar input{
    float: left;
    width: 330px;
    height: 44px;
    outline: none;
    padding-left: 10px;
    border:1px solid #E5E5E5;
    box-sizing: border-box;
}
.search-shopcar span{
    font-size: 11px;
    color: #888585;
}
.character{
    position: absolute;
    left: 35%;
    top: 20%;
}
.character a{
    text-decoration: none;
    color: #525252;
    /* background-color: #e9e7e7; */
    text-shadow: 0px 0px 3px #bebebe;
}
.fangdajing{
    width: 40px;
    height: 44px;
    margin-left: -1px;
    /* float: left; */
    outline: none;
    border:1px solid #E5E5E5;
    background-color: #ffffff;
}
.shopcar{
    width: 120px;
    height: 44px;
    float: right;
    position: absolute;
    left: 76%;
    top: -1%;
    text-align: center;
    background-color: #FFDB3D;
}
.shopcar button{
    height: 44px;
    border: none;
    font-size: 15px;
    outline: none;
    background-color: #FFDB3D;
}
.all-items{
    height: 550px;
}
.all-nav{
    width: 1000px;
    height: 40px;
    background-color: #404144;
}
.all-nav span{
    width: 220px;
    float: left;
    line-height: 40px;
    color: #ffffff;
    background-color: #FF4A00;
    text-align: center;
}
.all-nav ul{
    list-style: none;
}
.all-nav li{
    width: 78px;
    text-align: center;
    float: left;
}
.all-nav li:hover{
    background-color: #727477;
}
/* .all-nav li:hover a{    color: #FF4A00;} */
.all-nav a{
    line-height: 40px;
    color: #ffffff;
    text-decoration: none;
}
.all-nav-left{
    width: 220px;
    height: 512px;
    float: left;
    font-size: 12px;
}
.all-nav-left ul{
    list-style: none;
}
.all-nav-left li{
    height: 64px;
    box-sizing: border-box;
    padding-left: 25px;
    border-left:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
}
.all-nav-left li:hover{
    background-color: #dddfe6;
}
.all-nav-left span, .all-nav-left a{
    text-decoration: none;
    color: #A6ABC0;
    padding-top: 5px;
    margin-bottom: -10px;
    display: block;
}
.all-nav-left span{
    font-size: 14px;
    color: #FF4A00;
}
.all-show{
    width: 780px;
    height: 512px;
    float: left;
    /* background-color: rgb(132, 0, 255); */
}
.big-banner{
    width: 780px;
    float: left;
}
.content{
    cursor: pointer;
    position: relative;
}
#list img{
    width: 780px;
    overflow: hidden;
}
#list{
    position: absolute;
    width:780px;
}
#list img,#prev,#next,#btns{
    position: absolute;
}
#list img:not(:first-child){
    display: none;
}

#prev,#next{
    cursor: pointer;
    top:50%;transform: translateY(150%);
    z-index: 100;width:40px;height:70px;
    background:url("../images/icon-slides.png");
    border:none;
    outline: none;
}
#prev{
    background-position-x:-86px
}
#prev:hover{
    background-position: 0;
}
#next:hover{background-position-x: -43px}
#next{
    right:0;
    background-position-x:-125px;
}
#btns{z-index: 101;
    transform: translateX(50%);
    bottom: 20px;left:50%;}
#btns .current{
    background:#464444;
    color: #ffffff;
}    
#btns>span{
    cursor: pointer;
    width:15px;
    height:15px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    border:1px solid #fff;
    background-color:rgba(44,44,44,.3);
    font-size: 12px;
    box-shadow: 1px 2px 8px 0px;
}
#btns{
    position: absolute;
    top: 50%;
    left: 77%;
    margin-top: 295px;
}

.all-show{position: relative;}
.small-banner{
    float: left;
    position: absolute;
    top: 61%;
    margin-top: 18px;

}
.small-banner img{
    width: 260px;
    height: 181.7777777777px;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}
.start-piece{
    margin-top: 25px;
    line-height: 30px;
}
.start-piece span{
    color: #727272;
    margin-right: 15px;
}
.start-piece .pick-piece{
    font-size: 12px;
    color: #ABA8A2;
}
.up-down{
    width: 52px;
    height: 26px;
    float: right;
    margin-top: 5px;
    text-align: center;
}
.up-down img{
    padding: 2px 8px;
    border:1px solid #E5E5E5;
}
.up-down .left{
    margin-right: -5px;
}
.piece-row:after{
    content:"";
    display: table;
    clear:both;
}
.piece-row{
    width:1000px;
    box-sizing: border-box;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
}
.piece-row>div{
    width:25%;
    height:300px;
    float:left;
    position: relative;
}
.piece-row>div:before{
    content:"";
    display: table;
    width:100%;
    height:100%;
    border-right:1px solid #E5E5E5;
    position: absolute;
    left:0;
    top:0;
    z-index: 100;
    pointer-events: none;
}
.one{
    text-align: center;
}
.piece-row img{
    display: block;
    margin: 0 auto;
}
.one .oneword{
    color: #565656;
}
.one .twoword{
    font-size: 12px;
    text-align: center;
    color: #A69FA3;
}
.new-items{
    height: 700px;
    margin-top: 25px;
}
.more{
    float: right;
    font-size: 14px;
}
.more:hover{color: #FF4A00;}
.new-items span{color: #808080;}
.newgoods-show{
    height: 682px;
    margin-top: 10px;
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
}
.new-left{
    width: 748px;
    height: 680px;
    float: left;
    /* background-color: aquamarine; */
}

.one, .two{
    height: 226.666666px;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
}
.yinxiang{
    width: 450px;
    height: 226.666666px;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #E5E5E5;
}
.yinxiang img{
    width: 448px;
}
.loop img{
    float: right;
    width: 200px;
    
}
.loop span{
    display: block;
    float: left;
    font-size: 12px;
    
}
.characterpart{
    float: left;
    z-index: 100;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 12px;
}
.doublepart{
    float: left;
    height: 226.666666px;
    width: 249.333333333333333333px;
    border-right: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.fist-part{
    float: left;
    height: 113.33333333333333px;
    width: 249.333333333333333333px;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.fist-part img{
    margin-left: 100px;
    margin-top: -19px;
}
.second-part img{
    margin-left: 93px;
    margin-top: -15px;
}
.doublepart img{
    width: 105px;
}
.doublepart span{
    clear: both;
    display: block;
    float: left;
    margin-bottom: -18px;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 20px;
}
.T-shirt{
    float: left;
    height: 226.666666px;
    width: 249.333333333333333333px;
    border-right: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.T-shirt img{
    width: 170px;
    float: right;
    margin-right: 43px;
}
.xiaomi4{
    float: left;
    height: 226.666666px;
    width: 249.333333333333333333px;
}
.xiaomi4 img{
    width: 170px;
    float: right;
    margin-right: 43px;
}
.xiaomiNote{
    float: left;
    height: 226.666666px;
    width: 249.333333333333333333px;
    border-right: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.xiaomiNote img{
    height: 170px;
    float: right;
    margin-right: 76px;
}
.selfpicture{
    float: left;
    height: 226.666666px;
    width: 249.333333333333333333px;
    border-right: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.selfpicture img{
    width: 170px;
    float: right;
    margin-right: 43px;
}
.earphonr{
    float: left;
    height: 226.666666px;
    width: 249.333333333333333333px;
}
.earphonr img{
    width: 170px;
    float: right;
    margin-right: 43px;
}
.new-right{
    width: 250px;
    height: 680px;
    float: left;
    box-sizing: border-box;
    position: relative;
    border-left:1px solid #E5E5E5;
    background-color: #FAFAFA;
}
.onsale{
    height: 78px;
    border-bottom: 1px solid #E5E5E5;
}
.differ{
    height: 94px;
}
.float-logo{
    position: absolute;
    width: 50px;
    height: 20px;
    left: 20%;
    margin-top: -1px;
    background-color: red;
    z-index: 33;
}
.float-logo span{
    font-size: 12px;
    color: #ffffff;
}
.describe{
    margin-top: 25px;
    margin-left: 15px;
    font-size: 12px;
    float: left;
    line-height: 20px;
}
.onsale img{
    float: left;
    height: 80px;
    margin-left: 15px;
    margin-top: 5px;
}
.describe .cc-card{
    font-size: 14px;
    color: #222222;
}
.describe2{
    margin-top: 8px;
    margin-left: 15px;
    font-size: 12px;
    float: left;
    line-height: 20px;
}
.describe2 .cc-card{
    font-size: 15px;
    color: #222222;
}
.cheap img{
    float: left;
    height: 70px;
    margin-left: 22px;
    margin-top: 2px;
}
.test-margin img{margin-left: 33px;}

.changeway{
    margin: 22px auto;
    width: 200px;
    /* background-color: #FFDB3D; */
}
.changeway ul{
    list-style: none;
    text-align: left;
}
.changeway a{
    text-decoration: none;
    line-height: 40px;
    font-size: 12px;
    color: #6E696E;
    
}
.changeway li:hover a, .changeway li:hover span{
    color: red;
}
.changeway li{
    line-height: 35px;
    border-bottom: 1px solid #E5E5E5;
}
.changeway span{
    float: right;
}
.phonefee{
    margin: 0 auto;
    width: 200px;
}
.phonefee span{
    font-size: 12px;
}
.phonefee .bigger{
    font-size: 16px;
    color: #6F696C;
}
.phonefee input{
    height: 30px;
    width: 200px;
    outline: none;
    margin-top: 10px;
    padding: 2px 5px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.phonefee select{
    height: 30px;
    width: 200px;
    outline: none;
    margin-top: 10px;
    padding: 2px 5px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.phonefee button{
    width: 200px;
    height: 30px;
    margin-top: 5px;
    outline: none;
    color: #FAFAFA;
    background-color: #DCDEE4;
    border: 1px solid #CECECE;
}
.phonefee button:hover{
    background-color: #FF4A00;
    color: #ffffff;
}
.ending{
    width: 100%;
    height: 520px;
    margin-top: 40px;
    background-color: #FAFAFA;
}
.ending-center{
    width: 1000px;
    height: 520px;
    margin: 0 auto;
    background-color: #FAFAFA;
}
.service{
    height: 130px;
}
.logo-one{
    width: 200px;
    height: 130px;
    float: left;
    border-bottom: 1px solid #E5E5E5;
}
.logo-one a{
    margin-left: 50px;
    text-decoration: none;
    text-align: center;
    color: #666666;
}
.logo-one img{
    margin-top: 30px;
    margin-left: 80px;
    margin-bottom: 8px;
}
.about{
    height: 200px;
    border-bottom: 1px solid #E5E5E5;
}
.inform{
    height: 125px;
    width: 130px;
    float: left;
    margin-top: 35px;
    margin-right: 20px;
    box-sizing: border-box;
    border-right: 1px solid #E5E5E5;
    /* border: 1px solid #FF4A00; */
}
.inform ul{
    list-style: none;
}
.inform a{
    font-size: 12px;
    line-height: 30px;
    color: #868889;
    text-decoration: none;
}
.inform .title a{
    font-size: large;
    text-decoration: none;
    color: #4C4C4C;
}
.tel{
    width: 220px;
    height: 140px;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
    float: left;
    /* box-sizing: border-box;
    border: 1px solid #FF4A00; */
}
.tel .number{
    font-size: 22px;
    color: #999999;
}
.tel .day{
    font-size: 12px;
    color: #999999;
}
.tel button{
    margin-top: 10px;
    width: 120px;
    height: 30px;
    font-size: 12px;
    border: none;
    outline: none;
    color: #ffffff;
    background-color: #FF4A00;
}
.tel button:hover{
    background-color: #eea366;
    color: #4C4C4C;
}
.ending-footer{
    height: 130px;
    width: 1000px;
    font-size: 10px;
    text-align: center;
    position: relative;
    /* background-color: #999ca7; */
}
.ending-footer ul{
    list-style: none;
}
.ending-footer li{
    float: left;
}
.ending-footer span{
    float: left;
    color: #4F4A57;
    margin: 0 5px;
}
.ending-footer a{
    color: #4F4A57;
    text-decoration: none;
}
.ending-footer-center{
    margin-left: 10%;
    margin-top: 40px;
}
.ending-footer .copyright{
    margin-left: 20%;
    line-height: 30px;
}
.ending-footer img{
    display: block;
    float: left;
}
.language-logo{
    width: 400px;
    height: 50px;
    position: absolute;
    top: 35%;
    left: 40%;
    margin-top: 20px;
}
.language-logo select{
    width: 200px;
    height: 30px;
    outline: none;
    margin-top: -3px;
    border: 1px solid #E5E5E5;
}